$(function(){
	var defaults = {
		fileType         : ["jpg","png","bmp","jpeg"],   // 上传文件的类型
		fileSize         : 650 * 650 * 10                  // 上传文件的大小 10M
    };
		/*点击图片的文本框*/
    $(".forward_file").change(function () {
        var file = $(this)[0].files;
        var fileArr = validateUp(file);
        var imgUrl = window.URL.createObjectURL(fileArr[0]);
        $(".forward_img").attr("src", imgUrl);
        imageLoad(imgUrl, $('#img_1'));
    });

    $(".back_file").change(function () {
        var file = $(this)[0].files;
        var fileArr = validateUp(file);
        var imgUrl = window.URL.createObjectURL(fileArr[0]);
        $(".back_img").attr("src", imgUrl);
        imageLoad(imgUrl, $('#img_2'));
    });
		
    function validateUp(files) {
        var arrFiles = [];//替换的文件数组
        for (var i = 0, file; file = files[i]; i++) {
            //获取文件上传的后缀名
            var newStr = file.name.split("").reverse().join("");
            if (newStr.split(".")[0] != null) {
                var type = newStr.split(".")[0].split("").reverse().join("");
                if (jQuery.inArray(type, defaults.fileType) > -1) {
                    // 类型符合，可以上传
                    if (file.size >= defaults.fileSize) {
                        layer.msg('您这个"' + file.name + '"文件大小过大');
                    } else {
                        // 在这里需要判断当前所有文件中
                        arrFiles.push(file);
                    }
                } else {
                    layer.msg('您这个"' + file.name + '"上传类型不符合');
                }
            } else {
                layer.msg('您这个"' + file.name + '"没有类型, 无法识别');
            }
        }
        return arrFiles;
    }
    //异步加载上传图片
    function imageLoad(imgUrl, node) {
        var img = new Image();
        img.src = imgUrl;
        img.onload = function () {
            var canvas = document.createElement("canvas"); //创建canvas元素
            width = img.width, //确保canvas的尺寸和图片一样
                height = img.height;
            canvas.width = width;
            canvas.height = height;
            canvas.getContext("2d").drawImage(img, 0, 0, width, height); //将图片绘制到canvas中
            var base64Img = canvas.toDataURL('image/jpeg'); //转换图片为dataURL
            //获取base64数据并上传
            var base64Img = canvas.toDataURL();
            var imgs = base64Img.split(",");
            node.val(imgs[1]);
        };
    }
		

	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
})
